<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Front小思</title>
		<link href="//fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap" rel="stylesheet">
		<link href="//fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<link rel="shortcut icon" href="easyicon.ico"/>
		<link rel="stylesheet" type="text/css" href="assets/fonts/iconfont.css">
	</head>
	
	<body>
		<section class="w3l-bootstrap-header">
			<nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
				<div class="container">
					<a class="navbar-brand" href="index.html"> Front小思◆站点</a>
					<!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon fa fa-bars"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="index.html">首页</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="about.html">关于</a>
							</li>
							<!-- <li class="nav-item">
								<a class="nav-link" href="services.html">服务</a>
							</li> -->
							<li class="nav-item">
								<a class="nav-link" href="contact.html">联系</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</section>
		
		<section class="w3l-contact-breadcrum">
			<div class="breadcrum-bg">
				<div class="container py-5">
					<p><a href="index.html">首页</a> &nbsp; / &nbsp; 联系</p>
				</div>
			</div>
		</section>
		
		<section class="w3l-contacts-12" id="contact">
			<div class="contact-top pt-5">
				<div class="container py-md-3">
					<div class="row cont-main-top">
						<div class="contacts12-main col-lg-6 ">
							<div class="cont-add">
								<div class="cont-add-lft">
									<span class="fa iconfont icon-nameBlue" aria-hidden="true"></span>
								</div>
								<div class="cont-add-rgt">
									<p class="contact-text-sub">黄思聂</p>
								</div>
							</div>
							<div class="cont-add add-2">
								<div class="cont-add-lft">
									<span class="fa iconfont icon-zhiwei" aria-hidden="true"></span>
								</div>
								<div class="cont-add-rgt">
										<p class="contact-text-sub">前端工程师</p>
								</div>
							</div>
							<div class="cont-add add-2">
								<div class="cont-add-lft">
									<span class="fa iconfont icon-nianling" aria-hidden="true"></span>
								</div>
								<div class="cont-add-rgt">
										<p class="contact-text-sub">25岁</p>
								</div>
							</div>
							<div class="cont-add add-2">
								<div class="cont-add-lft">
									<span class="fa fa-envelope" aria-hidden="true"></span>
								</div>
								<div class="cont-add-rgt">
									<a href="mailto:awsf97721@outlook.com">
										<p class="contact-text-sub">awsf97721@outlook.com</p>
									</a>
								</div>
							</div>
						</div>
						<div class="contact col-lg-6 mt-lg-0 mt-5">
							<div class="cont-subs">		
								<div class="cont-add">
									<div class="cont-add-lft">
										<span class="fa fa-phone" aria-hidden="true"></span>
									</div>
									<div class="cont-add-rgt">
										<a href="tel:136-4000-5651">
											<p class="contact-text-sub">136-4000-5651</p>
										</a>
									</div>
								</div>
								<div class="cont-add add-3">
									<div class="cont-add-lft">
										<span class="fa iconfont icon-dizhi" aria-hidden="true"></span>
									</div>
									<div class="cont-add-rgt">
										<a href="https://j.map.baidu.com/64/IrK">
											<p class="contact-text-sub">广东省广州市番禺区市桥</p>
										</a>	
									</div>
								</div>
								<div class="cont-add add-3">
									<div class="cont-add-lft">
										<span class="fa iconfont icon-gongzuojingyan" aria-hidden="true"></span>
									</div>
									<div class="cont-add-rgt">
											<p class="contact-text-sub">2&nbsp;年</p>
									</div>
								</div>
								<div class="cont-add add-3">
									<div class="cont-add-lft">
										<span class="fa fa-file-pdf-o" aria-hidden="true"></span>
									</div>
									<div class="cont-add-rgt">
										<a href="assets/黄思聂-前端工程师.pdf" download="黄思聂-前端工程师.pdf">
											<p class="contact-text-sub">下载简历</p>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="map">
					<iframe src="https://j.map.baidu.com/64/IrK" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
				</div>
			</div>
		</section>

		<section class="w3l-footer-29-main" id="footer">
			<div class="footer-29 text-center">
				<div class="container">
					<div class="main-social-footer-29">
						<a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
						<a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
						<a href="#instagram" class="instagram"><span class="fa fa-instagram"></span></a>
						<a href="#google-plus" class="google-plus"><span class="fa fa-google-plus"></span></a>
						<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin"></span></a>
					</div>
					<div class="bottom-copies text-center">
						<p class="copy-footer-29">© 2020 我的网站。| 设计版权所有 <a href="#">Front小思</a></p>
					</div>
				</div>
			</div>
			<!-- move top -->
			<button onclick="topFunction()" id="movetop" title="Go to top">
				<span class="fa fa-angle-up"></span>
			</button>
			<script>
				window.onscroll = function() {
					scrollFunction()
				};

				function scrollFunction() {
					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
						document.getElementById("movetop").style.display = "block";
					} else {
						document.getElementById("movetop").style.display = "none";
					}
				}

				function topFunction() {
					document.body.scrollTop = 0;
					document.documentElement.scrollTop = 0;
				}
			</script>
		</section>

		<!-- 联系我 -->
		
		<script src="assets/js/jquery-3.3.1.min.js"></script>
		</section>

		<script>
			$(function() {
				$('.navbar-toggler').click(function() {
					$('body').toggleClass('noscroll');
				})
			});
		</script>
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"crossorigin="anonymous"></script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
	</body>
</html>

